<template>
	<view class="total">
	<view class="headphoto">
		<view class="headphotoImg">
				<u-icon  color="#ff9800 " name="server-fill" size="88"></u-icon>
		</view>
		<view class="contacTxt">
			<text>{{Name}}</text>
			<p style="color: #999999;">{{service}}</p>
		</view>
		
	</view>
	<view class="contacTxt2">
		<navigator url="./chatcontent">
		<text style="color: #ff9800">发送消息</text>
		</navigator>
	</view>
	<view class="contacTxt2">
		<p style="color: #999999">屏蔽此人</p>
		
	</view>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				service:'慧康通金牌客服',
				Name:'小罗',
				 
			}
		},
		onLoad() {
			
		},
		computed:{
			
			
		},
		methods: {
		
		
		}
	}
</script>

<style lang="scss" scoped>
	.headphoto{
		width: 100%;
		background-color: #ffffff;
		
	}
	.headphotoImg{
		width: 100%;
		margin-top: 100px;
		margin: 0 auto;
		padding-top: 10%;
		padding-left: 40%;
	
	}
	
	.contacTxt{
		text-align: center;
		width: 80%;
		margin: 0 auto;
		padding-top: 5%;
	}
	.contacTxt text{
		
		font-size: 32rpx;
		background-color: #F3F3F3;
	}
	.contacTxt p{
		padding-top: 3%;
		font-size: 28rpx;
		padding-bottom: 2%;
	}
	.contacTxt2{
		width: 100%;
		background-color: #ffffff;
		text-align: center;
		line-height: 50px;
		margin-top: 5%;
	}
	
</style>
